.cart-body{
	width: 85%;
	margin: 65px auto;
	display: flex;
	justify-content: space-between;
	min-height: 470px;
}
.cart-left{
	width: 73%;
}
table{
	border: 1px solid #ddd;
	border-collapse: collapse;
	background-color: #fcfcfc;
	font-size: 14px;
}
th{
	color: #666;
}
.product-name{
	display: flex;
	align-items: center;
	padding-left: 10px;
}
.product-name img{
	padding-right: 40px;
}
tr{
	border-bottom: 1px solid #e5e7ec;
}
td{
	color: #888;
}
.product-name a{
	width: 280px;
}
.input-number{
	display: flex;
	height: 30px;
	line-height: 30px;
}
.input-number-operation{
	width: 30px;
	border: 1px solid #dcdfe6;
	background: #f5f7fa;
	text-align: center;
	cursor: pointer;
}
.input-number-center{
	width: 50px;
	border: 1px solid #dcdfe6;
	outline: none;
	text-align: center;
	border-left: 0;
	border-right: 0;
}
.button{
	cursor: pointer;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	transition: .1s;
	border-radius: 3px;
}
.button-star{
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 8.5px;
	background: #f56c6c;
	border-color: #f56c6c;
}
.button-star:hover{
	background-color: #ff8383;
	background: #ff8383;
}
.button-delete{
	background: #fef0f0;
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px;
	border-color: #fbc4c4;
	color: #EFAAA8;
}
.button-success{
	background: #f0f9eb;
	padding: 10px 20px;
	font-size: 14px;
	border-radius: 4px;
	border-color: #c2e7b0;
	color: #67c23a;
}
.button-success:hover{
	background: #67c23e;
	background-color: #67c23e;
	color: white;
}
.before-img{
	display: block;
	float: left;
}
.after-img{
	display: none;
	float: left;
}
.button-delete:hover{
background: #f56c6c;
background-color: #f56c6c;
color: white;
}
	
.button-delete:hover .after-img{
	display: block;
}
.button-delete:hover .before-img{
	display: none;
}
.cart-right{
	width: 21%;
	font-size: 14px;
	color: #666;
}
.text-info{
	display: flex;
	justify-content: space-between;
}
